import React, { Component } from 'react';
import './table.scss';


class TableBox extends Component {
	componentDidMount() {

	}
	render() {
		return <div className="data-box">
			<table>
				<thead>
					<tr>
						{this.props.heads.map((item) =>
							<th>{item}</th>
						)}
					</tr>
				</thead>
				<tbody>
					{this.props.children}
				</tbody>
			</table>
		</div>;
	}
}

export default TableBox;
